<template>
	<view>
		<view style="margin-bottom: 50rpx;">
			<p>页面跳转样例</p>
			<button @tap="goSubpage1">js方式--goSubpage1</button>
		</view>

		<navigator :url="`list_subpage1/list_subpage1?id=${id}`">html元素方式--goSubpage1</navigator>

		<!-- 含tab页必须要设置open-type -->
		<navigator url="../home/home" open-type="switchTab">switchTab--gohome</navigator>
	</view>
</template>

<script>
	// 1.引入vuex中的方法
	import {
		mapState,
		mapMutations
	} from 'vuex'
	export default {
		data() {
			return {
				id: "123456"
			}
		},
		onLoad() {
			// 全局变量方式
			console.log(getApp().globalData.goodsid)
			getApp().globalData.goodsid = "789"
			// 本地存储方式
			uni.setStorageSync("id", this.id)
			// vuex
			console.log(this.$store.state.id)
			this.$store.commit("uptId", 2)
			console.log(this.$store.state.id)
			console.log(this.age)
		},
		methods: {
			goSubpage1() {
				// 保留当前页面
				uni.navigateTo({
					// 绝对路径
					url: "/pages/list/list_subpage1/list_subpage1?id=" + this.id
				})
			},
			
			// 2. 引入vuex中的方法
			...mapMutations(['uptId'])
		},
		computed:{
			...mapState(['age'])
		}
	}
</script>

<style>

</style>
